<template>
  <div class="container">
    <page-header
     :backIconShow="false"
     :listIconShow="true"
    ></page-header>
    <pulling-down-loading
    :loadingText="loadingText"
    >

    </pulling-down-loading>
    <index-scroll-wrapper
      @onPullingDown="onPullingDown"
      @onFinishedPullDown="onFinishedPullDown"
      @onResetLoadingText="onResetLoadingText"
    ></index-scroll-wrapper>
  </div>
</template>

<script>
import PageHeader from 'components/Header'
import IndexScrollWrapper from 'components/ScrollWrapper'
import PullingDownLoading from 'components/PullingDownLoading';
export default {
 name:"IndexPage",
 components:{
     PageHeader,
     IndexScrollWrapper,
     PullingDownLoading
 },
 data(){
   return {
       loadingText: ''
   }
 },
 methods:{
   onPullingDown(text){
   this.loadingText=text
   },
  onFinishedPullDown(text){
 this.loadingText=text
  },
  onResetLoadingText(text){
 this.loadingText=text
  } 
 }
}
</script>

<style lang="scss" scoped >

</style>